<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>transform</title>
		<style type="text/css">
			#app{
				width: 100px;
				height: 100px;
				background-color: #8A9AFF;
				margin: 200px auto;
				transition: all 3s;
			}
			#app:hover{
				/* 
				 旋转 rotate
				*/
				
				/* 
				 缩放 scale
				 */
				
				/* 
				 倾斜 skew
				 */

				/*
				 平移
				 */
				/* transform: rotate(180deg); */
				/* transform: skew(60deg); */
				/* transform: scale(2); */
				/* transform: translate(200px,200px); */
			}
		</style>
	</head>
	<body>
		<div id="app">
			
		</div>
	</body>
</html>
